指引 Wayfinding / 反饋 Feedback(原則)

用夏威夷之旅為比喻逐一講解設計原則:

Wayfinding 指引

準備出發開始夏威夷之旅,離開出發地到達機場,當我們接近機場時,會看到各種各樣的標誌。標誌指引我們前往航站樓和登機口,錯誤方向時有指引修正,緊急情況有出口標識。導向系統幫助人在複雜環境中快速導航,確保安全與明確方向。機場需設計易懂、資訊清晰的導向系統。

應用介面也是人們導向系統,導航欄、內容區域、標籤欄等都是指引使用者的工具。

導航欄的標題和選中的標籤欄專案告訴使用者他們當前的位置。

內容區的標籤欄則告訴使用者他們可以去哪裡,以及附近有什麼。

簡潔易辨認的標籤欄圖示和易於理解的標籤,暗示使用者他們到達某處後會發現什麼。

返回按鈕提供了一條退出路徑,並幫助使用者識別他們在應用中的哪個區域。

思考與總結:

導向系統透過回答基本問題如

“我在哪兒?”

“我可以去哪裡?”

“到達後會發現什麼?”

“這附近有什麼?”

“我怎麼出去?” 幫助使用者感到安全。缺少這些資訊,會迷失方向。

每個介面都應回答這些問題,否則使用者會迷失。檢查你的應用,逐個介面審視:它們是否清楚指示使用者位置?是否提供去往其他地方的選項?如果某些介面沒能做到這些,還需改進。

反饋 Feedback

到達了夏威夷,我們要駕車前往酒店,為了安全,汽車提供的反饋必須清晰、即時且易於理解。

汽車提供了各種形式的反饋。狀態反饋告知汽車的執行情況。完成反饋確認操作成功或失敗。警告反饋提醒潛在問題。錯誤反饋說明操作引發的錯誤。

A Status 狀態反饋

汽車中的檔位,油量都是關鍵的狀態反饋資訊。

清晰直接地顯示狀態對於節省時間和幫助使用者避免犯錯至關重要。

在郵件應用中,未讀狀態指示器幫助使用者優先處理哪些郵件。

在日曆應用中,狀態指示器幫助使用者看到某人無法參加會議,並幫助他們決定是否需要重新安排。

在相機應用中,有三個元素可以讓使用者知道影片正在錄製中。紅點、遞增的時間碼、錄製按鈕的狀態。它們都告訴使用者,正在記錄一個珍貴卻稍縱即逝的瞬間。

B Completion 完成反饋

啟動了汽車,聽到引擎聲,感受震動,儀表盤亮起,表示準備就緒。換到前進檔時,透過觸覺感知檔位切換,駛出停車位時聽到車門自動鎖上。這些反饋確保一切正常,使我能專注於安全駕駛。

你應用中的每一個操作都應該提供某種形式的確認反饋,因為它是讓使用者知道他們的操作成功與否的必要手段。

Phone鎖屏時的聲音,

郵件被標記為未讀或刪除時的動畫。

確認反饋可以更加明顯。比如Apple Pay成功交易時的動畫和聲音。

C Warning 警告反饋

警告反饋提前告知潛在問題,如油量低、剎車片磨損、機油不足。透過狀態指示器、儀表盤、顯示屏、聲音等方式傳達。這些警告至關重要,確保安全並保護車輛。

D Errors 錯誤反饋

嘗試在沒油的情況下啟動汽車時,會收到錯誤資訊。錯誤讓人沮喪,最好透過警告和確認反饋來預防。

實時獲取這些反饋可以幫助使用者及時糾正,避免之後出現錯誤。

表單內聯驗證是一種非常好的技術,可及時告知使用者輸入值是否被接受。

可以嘗試推測使用者在犯錯時的意圖或想做的事情,然後採取合理的措施。

在新版的Things 3中,如果你輸入6月31日這個不存在的日期,應用程式不會直接報錯或顯示警告。它會自動將日期更正為7月1日。這是一個微妙但巧妙的設計,體現了非常人性化的考慮。

思考與總結:

清晰、及時、易於理解且資訊豐富的反饋是必不可少的。反饋回答了一些非常重要的問題:我能做什麼?剛剛發生了什麼?目前正在發生什麼?未來會發生什麼?

許多應用程式在反饋方面表現不佳,因為設計過程中往往關注靜態螢幕,忽略了隨著時間推進的互動體驗。良好的反饋如同與設計者對話。設計師透過反饋回答使用者未提的問題,告知使用者進展,並提供指導。

設計應用時,想象你在與使用者對話。如果你和他們在一個房間裡,你會如何交流?一個有效的技巧是讓未使用過你應用的人嘗試使用,並讓他們分享想法和困惑。然後,你向他們解釋應用的實際工作原理,指導他們注意要點。

之後,比較你所說的與應用傳達的內容,通常面對面的解釋比設計更清晰。這種交流可以填補設計中的空白,幫助你改進使用者體驗。